home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 December / 2004-12 CHIP.iso / Internet / NVU 0.50 for Windows / nvu-0.50-win32-installer-full.exe / {app} / chrome / comm.jar / content / editor / EdLinkProps.js < prev    next >
Encoding:
JavaScript  |  2004-08-11  |  18.0 KB  |  586 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-2003
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *    Charles Manske (cmanske@netscape.com)
  24.  *    Neil Rashbrook (neil@parkwaycc.co.uk)
  25.  *    Daniel Glazman (glazman@disruptive-innovations.com), on behalf of Lindows.com
  26.  *
  27.  * Alternatively, the contents of this file may be used under the terms of
  28.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  29.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  30.  * in which case the provisions of the GPL or the LGPL are applicable instead
  31.  * of those above. If you wish to allow use of your version of this file only
  32.  * under the terms of either the GPL or the LGPL, and not to allow others to
  33.  * use your version of this file under the terms of the MPL, indicate your
  34.  * decision by deleting the provisions above and replace them with the notice
  35.  * and other provisions required by the GPL or the LGPL. If you do not delete
  36.  * the provisions above, a recipient may use your version of this file under
  37.  * the terms of any one of the MPL, the GPL or the LGPL.
  38.  *
  39.  * ***** END LICENSE BLOCK ***** */
  40.  
  41. var gActiveEditor;
  42. var anchorElement = null;
  43. var imageElement = null;
  44. var insertNew = false;
  45. var replaceExistingLink = false;
  46. var insertLinkAtCaret;
  47. var needLinkText = false;
  48. var href;
  49. var newLinkText;
  50. var gHNodeArray = {};
  51. var gHaveNamedAnchors = false;
  52. var gHaveHeadings = false;
  53. var gCanChangeHeadingSelected = true;
  54. var gCanChangeAnchorSelected = true;
  55. var gHaveDocumentUrl = false;
  56.  
  57. var gCheckboxes = [ "met", "colleague", "co-worker", "muse", "crush", "date", "sweetheart" ];
  58.  
  59. // NOTE: Use "href" instead of "a" to distinguish from Named Anchor
  60. // The returned node is has an "a" tagName
  61. var tagName = "href";
  62.  
  63. // dialog initialization code
  64. function Startup()
  65. {
  66.   gActiveEditor = GetCurrentEditor();
  67.   if (!gActiveEditor)
  68.   {
  69.     dump("Failed to get active editor!\n");
  70.     window.close();
  71.     return;
  72.   }
  73.   // Message was wrapped in a <label> or <div>, so actual text is a child text node
  74.   gDialog.linkTextCaption     = document.getElementById("linkTextCaption");
  75.   gDialog.linkTextMessage     = document.getElementById("linkTextMessage");
  76.   gDialog.linkTextInput       = document.getElementById("linkTextInput");
  77.   gDialog.hrefInput           = document.getElementById("hrefInput");
  78.   gDialog.makeRelativeLink    = document.getElementById("MakeRelativeLink");
  79.   gDialog.AdvancedEditSection = document.getElementById("AdvancedEdit");
  80.  
  81.   gDialog.MoreSection         = document.getElementById("MoreSection");
  82.   gDialog.MoreFewerButton     = document.getElementById("MoreFewerButton");
  83.  
  84.   gDialog.meCheckbox              = document.getElementById("meCheckbox");
  85.  
  86.   gDialog.friendshipRadiogroup    = document.getElementById("friendshipRadiogroup");
  87.   gDialog.metCheckbox             = document.getElementById("metCheckbox");
  88.   gDialog.coWorkerCheckbox        = document.getElementById("co-workerCheckbox");
  89.   gDialog.colleagueCheckbox       = document.getElementById("colleagueCheckbox");
  90.   gDialog.geographicalRadiogroup  = document.getElementById("geographicalRadiogroup");
  91.   gDialog.familyRadiogroup        = document.getElementById("familyRadiogroup");
  92.   gDialog.museCheckbox            = document.getElementById("museCheckbox");
  93.   gDialog.crushCheckbox           = document.getElementById("crushCheckbox");
  94.   gDialog.dateCheckbox            = document.getElementById("dateCheckbox");
  95.   gDialog.sweetheartCheckbox      = document.getElementById("sweetheartCheckbox");
  96.  
  97.   // See if we have a single selected image
  98.   imageElement = gActiveEditor.getSelectedElement("img");
  99.  
  100.   if (imageElement)
  101.   {
  102.     // Get the parent link if it exists -- more efficient than GetSelectedElement()
  103.     anchorElement = gActiveEditor.getElementOrParentByTagName("href", imageElement);
  104.     if (anchorElement)
  105.     {
  106.       if (anchorElement.childNodes.length > 1)
  107.       {
  108.         // If there are other children, then we want to break
  109.         //  this image away by inserting a new link around it,
  110.         //  so make a new node and copy existing attributes
  111.         anchorElement = anchorElement.cloneNode(false);
  112.         //insertNew = true;
  113.         replaceExistingLink = true;
  114.       }
  115.     }
  116.   }
  117.   else
  118.   {
  119.     // Get an anchor element if caret or
  120.     //   entire selection is within the link.
  121.     anchorElement = gActiveEditor.getSelectedElement(tagName);
  122.  
  123.     if (anchorElement)
  124.     {
  125.       // Select the entire link
  126.       gActiveEditor.selectElement(anchorElement);
  127.     }
  128.     else
  129.     {
  130.       // If selection starts in a link, but extends beyond it,
  131.       //   the user probably wants to extend existing link to new selection,
  132.       //   so check if either end of selection is within a link
  133.       // POTENTIAL PROBLEM: This prevents user from selecting text in an existing
  134.       //   link and making 2 links. 
  135.       // Note that this isn't a problem with images, handled above
  136.  
  137.       anchorElement = gActiveEditor.getElementOrParentByTagName("href", gActiveEditor.selection.anchorNode);
  138.       if (!anchorElement)
  139.         anchorElement = gActiveEditor.getElementOrParentByTagName("href", gActiveEditor.selection.focusNode);
  140.  
  141.       if (anchorElement)
  142.       {
  143.         // But clone it for reinserting/merging around existing
  144.         //   link that only partially overlaps the selection
  145.         anchorElement = anchorElement.cloneNode(false);
  146.         //insertNew = true;
  147.         replaceExistingLink = true;
  148.       }
  149.     }
  150.   }
  151.  
  152.   if(!anchorElement)
  153.   {
  154.     // No existing link -- create a new one
  155.     anchorElement = gActiveEditor.createElementWithDefaults(tagName);
  156.     insertNew = true;
  157.     // Hide message about removing existing link
  158.     //document.getElementById("RemoveLinkMsg").hidden = true;
  159.   }
  160.   if(!anchorElement)
  161.   {
  162.     dump("Failed to get selected element or create a new one!\n");
  163.     window.close();
  164.     return;
  165.   } 
  166.  
  167.   // We insert at caret only when nothing is selected
  168.   insertLinkAtCaret = gActiveEditor.selection.isCollapsed;
  169.   
  170.   var selectedText;
  171.   if (insertLinkAtCaret)
  172.   {
  173.     // Groupbox caption:
  174.     gDialog.linkTextCaption.setAttribute("label", GetString("LinkText"));
  175.  
  176.     // Message above input field:
  177.     gDialog.linkTextMessage.setAttribute("value", GetString("EnterLinkText"));
  178.     gDialog.linkTextMessage.setAttribute("accesskey", GetString("EnterLinkTextAccessKey"));
  179.   }
  180.   else
  181.   {
  182.     if (!imageElement)
  183.     {
  184.       // We get here if selection is exactly around a link node
  185.       // Check if selection has some text - use that first
  186.       selectedText = GetSelectionAsText();
  187.       if (!selectedText) 
  188.       {
  189.         // No text, look for first image in the selection
  190.         var children = anchorElement.childNodes;
  191.         if (children)
  192.         {
  193.           for(var i=0; i < children.length; i++) 
  194.           {
  195.             var nodeName = children.item(i).nodeName.toLowerCase();
  196.             if (nodeName == "img")
  197.             {
  198.               imageElement = children.item(i);
  199.               break;
  200.             }
  201.           }
  202.         }
  203.       }
  204.     }
  205.     // Set "caption" for link source and the source text or image URL
  206.     if (imageElement)
  207.     {
  208.       gDialog.linkTextCaption.setAttribute("label", GetString("LinkImage"));
  209.       // Link source string is the source URL of image
  210.       // TODO: THIS DOESN'T HANDLE MULTIPLE SELECTED IMAGES!
  211.       gDialog.linkTextMessage.setAttribute("value", imageElement.src);
  212.     } else {
  213.       gDialog.linkTextCaption.setAttribute("label", GetString("LinkText"));
  214.       if (selectedText) 
  215.       {
  216.         // Use just the first 60 characters and add "..."
  217.         gDialog.linkTextMessage.setAttribute("value", TruncateStringAtWordEnd(ReplaceWhitespace(selectedText, " "), 60, true));
  218.       } else {
  219.         gDialog.linkTextMessage.setAttribute("value", GetString("MixedSelection"));
  220.       }
  221.     }
  222.   }
  223.  
  224.   // Make a copy to use for AdvancedEdit and onSaveDefault
  225.   globalElement = anchorElement.cloneNode(false);
  226.  
  227.   // Get the list of existing named anchors and headings
  228.   FillLinkMenulist(gDialog.hrefInput, gHNodeArray);
  229.  
  230.   // We only need to test for this once per dialog load
  231.   gHaveDocumentUrl = GetDocumentBaseUrl();
  232.  
  233.   // Set data for the dialog controls
  234.   InitDialog();
  235.   
  236.   // Search for a URI pattern in the selected text
  237.   //  as candidate href
  238.   selectedText = TrimString(selectedText); 
  239.   if (!gDialog.hrefInput.value && TextIsURI(selectedText))
  240.       gDialog.hrefInput.value = selectedText;
  241.  
  242.   // Set initial focus
  243.   if (insertLinkAtCaret) {
  244.     // We will be using the HREF inputbox, so text message
  245.     SetTextboxFocus(gDialog.linkTextInput);
  246.   } else {
  247.     SetTextboxFocus(gDialog.hrefInput);
  248.  
  249.     // We will not insert a new link at caret, so remove link text input field
  250.     gDialog.linkTextInput.hidden = true;
  251.     gDialog.linkTextInput = null;
  252.   }
  253.     
  254.   // This sets enable state on OK button
  255.   doEnabling();
  256.  
  257.   InitMoreFewer();
  258.  
  259.   SetWindowLocation();
  260. }
  261.  
  262. // Set dialog widgets with attribute data
  263. // We get them from globalElement copy so this can be used
  264. //   by AdvancedEdit(), which is shared by all property dialogs
  265. function InitDialog()
  266. {
  267.   // Must use getAttribute, not "globalElement.href", 
  268.   //  or foreign chars aren't coverted correctly!
  269.   gDialog.hrefInput.value = globalElement.getAttribute("href");
  270.  
  271.   // Set "Relativize" checkbox according to current URL state
  272.   SetRelativeCheckbox(gDialog.makeRelativeLink);
  273.  
  274.   var relAttr = globalElement.getAttribute("rel");
  275.   var xfnArray = null;
  276.   if (relAttr)
  277.     xfnArray = relAttr.split(" ");
  278.  
  279.   if (!xfnArray)
  280.     return;
  281.  
  282.   var i, l = xfnArray.length;
  283.   var e;
  284.   for (i=0; i<l; i++)
  285.   {
  286.     var val = xfnArray[i];
  287.     switch (val) {
  288.       case "me":
  289.         gDialog.meCheckbox.checked = true;
  290.         break;
  291.       case "acquaintance":
  292.       case "friend":
  293.       case "contact":
  294.         e = document.getElementById(val + "Radio");
  295.         gDialog.friendshipRadiogroup.selectedItem = e;
  296.         break;
  297.       case "met":
  298.       case "colleague":
  299.       case "co-worker":
  300.       case "muse":
  301.       case "crush":
  302.       case "date":
  303.       case "sweetheart":
  304.         e = document.getElementById(val + "Checkbox");
  305.         e.checked = true;
  306.         break;
  307.       case "co-resident":
  308.       case "neighbor":
  309.         e = document.getElementById(val + "Radio");
  310.         gDialog.geographicalRadiogroup.selectedItem = e;
  311.         break;
  312.       case "child":
  313.       case "parent":
  314.       case "sibling":
  315.       case "spouse":
  316.       case "kin":
  317.         e = document.getElementById(val + "Radio");
  318.         gDialog.familyRadiogroup.selectedItem = e;
  319.         break;
  320.     }
  321.   }
  322. }
  323.  
  324. function doEnabling()
  325. {
  326.   // We disable Ok button when there's no href text only if inserting a new link
  327.   var enable = insertNew ? (TrimString(gDialog.hrefInput.value).length > 0) : true;
  328.   
  329.   // anon. content, so can't use SetElementEnabledById here
  330.   var dialogNode = document.getElementById("linkDlg");
  331.   dialogNode.getButton("accept").disabled = !enable;
  332.  
  333.   SetElementEnabledById( "AdvancedEditButton1", enable);
  334.  
  335.   SetElementEnabledById( "meCheckbox", enable);
  336.   var isMe = gDialog.meCheckbox.checked;
  337.   enable = (enable && !isMe);
  338.  
  339.   gDialog.friendshipRadiogroup.disabled = !enable;
  340.   SetElementEnabledById( "metCheckbox", enable);
  341.   SetElementEnabledById( "co-workerCheckbox", enable);
  342.   SetElementEnabledById( "colleagueCheckbox", enable);
  343.   gDialog.geographicalRadiogroup.disabled = !enable;
  344.   gDialog.familyRadiogroup.disabled = !enable;
  345.   SetElementEnabledById( "museCheckbox", enable);
  346.   SetElementEnabledById( "crushCheckbox", enable);
  347.   SetElementEnabledById( "dateCheckbox", enable);
  348.   SetElementEnabledById( "sweetheartCheckbox", enable);
  349. }
  350.  
  351. function ResetXFNValuesOtherThanMe()
  352. {
  353.   gDialog.friendshipRadiogroup.selectedItem   = document.getElementById("noFriendShipRadio"); 
  354.   gDialog.geographicalRadiogroup.selectedItem = document.getElementById("noGeographicalRadio");
  355.   gDialog.familyRadiogroup.selectedItem       = document.getElementById("noFamilyRadio");
  356.   var i;
  357.   for (i = 0; i < gCheckboxes.length; i++)
  358.     document.getElementById(gCheckboxes[i] + "Checkbox").checked = false;
  359. }
  360.  
  361. function MeToggled()
  362. {
  363.   var isMe = gDialog.meCheckbox.checked;
  364.  
  365.   gDialog.friendshipRadiogroup.disabled = isMe;
  366.   SetElementEnabledById( "metCheckbox", !isMe);
  367.   SetElementEnabledById( "co-workerCheckbox", !isMe);
  368.   SetElementEnabledById( "colleagueCheckbox", !isMe);
  369.   gDialog.geographicalRadiogroup.disabled = isMe;
  370.   gDialog.familyRadiogroup.disabled = isMe;
  371.   SetElementEnabledById( "museCheckbox", !isMe);
  372.   SetElementEnabledById( "crushCheckbox", !isMe);
  373.   SetElementEnabledById( "dateCheckbox", !isMe);
  374.   SetElementEnabledById( "sweetheartCheckbox", !isMe);
  375.  
  376.  if (isMe)
  377.    ResetXFNValuesOtherThanMe();
  378. }
  379.  
  380. function ChangeLinkLocation()
  381. {
  382.   SetRelativeCheckbox();
  383.   // Set OK button enable state
  384.   doEnabling();
  385. }
  386.  
  387. // Get and validate data from widgets.
  388. // Set attributes on globalElement so they can be accessed by AdvancedEdit()
  389. function ValidateData()
  390. {
  391.   href = TrimString(gDialog.hrefInput.value);
  392.   if (href)
  393.   {
  394.     // Set the HREF directly on the editor document's anchor node
  395.     //  or on the newly-created node if insertNew is true
  396.     globalElement.setAttribute("href",href);
  397.   }
  398.   else if (insertNew)
  399.   {
  400.     // We must have a URL to insert a new link
  401.     //NOTE: We accept an empty HREF on existing link to indicate removing the link
  402.     ShowInputErrorMessage(GetString("EmptyHREFError"));
  403.     return false;
  404.   }
  405.   if (gDialog.linkTextInput)
  406.   {
  407.     // The text we will insert isn't really an attribute,
  408.     //  but it makes sense to validate it
  409.     newLinkText = TrimString(gDialog.linkTextInput.value);
  410.     if (!newLinkText)
  411.     {
  412.       if (href)
  413.         newLinkText = href
  414.       else
  415.       {
  416.         ShowInputErrorMessage(GetString("EmptyLinkTextError"));
  417.         SetTextboxFocus(gDialog.linkTextInput);
  418.         return false;
  419.       }
  420.     }
  421.   }
  422.   return true;
  423. }
  424.  
  425. function doHelpButton()
  426. {
  427.   openHelp("link_properties");
  428.   return true;
  429. }
  430.  
  431. function onAccept()
  432. {
  433.   if (ValidateData())
  434.   {
  435.     if (href.length > 0)
  436.     {
  437.       // Copy attributes to element we are changing or inserting
  438.       gActiveEditor.cloneAttributes(anchorElement, globalElement);
  439.  
  440.       // Coalesce into one undo transaction
  441.       gActiveEditor.beginTransaction();
  442.  
  443.       // Get text to use for a new link
  444.       if (insertLinkAtCaret)
  445.       {
  446.         // Append the link text as the last child node 
  447.         //   of the anchor node
  448.         var textNode = gActiveEditor.document.createTextNode(newLinkText);
  449.         if (textNode)
  450.           anchorElement.appendChild(textNode);
  451.         try {
  452.           gActiveEditor.insertElementAtSelection(anchorElement, false);
  453.         } catch (e) {
  454.           dump("Exception occured in InsertElementAtSelection\n");
  455.           return true;
  456.         }
  457.       } else if (insertNew || replaceExistingLink)
  458.       {
  459.         //  Link source was supplied by the selection,
  460.         //  so insert a link node as parent of this
  461.         //  (may be text, image, or other inline content)
  462.         try {
  463.           gActiveEditor.insertLinkAroundSelection(anchorElement);
  464.         } catch (e) {
  465.           dump("Exception occured in InsertElementAtSelection\n");
  466.           return true;
  467.         }
  468.       }
  469.       // Check if the link was to a heading 
  470.       if (href in gHNodeArray)
  471.       {
  472.         var anchorNode = gActiveEditor.createElementWithDefaults("a");
  473.         if (anchorNode)
  474.         {
  475.           anchorNode.name = href.substr(1);
  476.  
  477.           // Insert the anchor into the document, 
  478.           //  but don't let the transaction change the selection
  479.           gActiveEditor.setShouldTxnSetSelection(false);
  480.           gActiveEditor.insertNode(anchorNode, gHNodeArray[href], 0);
  481.           gActiveEditor.setShouldTxnSetSelection(true);
  482.         }
  483.       }
  484.       gActiveEditor.endTransaction();
  485.     } 
  486.     else if (!insertNew)
  487.     {
  488.       // We already had a link, but empty HREF means remove it
  489.       EditorRemoveTextProperty("href", "");
  490.     }
  491.     SaveWindowLocation();
  492.     return true;
  493.   }
  494.   return false;
  495. }
  496.  
  497. function ToggleRelValue(val)
  498. {
  499.   var relValue = globalElement.getAttribute("rel");
  500.  
  501.   // early way out if we can
  502.   if (!relValue)
  503.   {
  504.     globalElement.setAttribute("rel", val);
  505.     return;
  506.   }
  507.  
  508.   var xfnArray = relValue.split(" ");
  509.   var i, l = xfnArray.length;
  510.   var found = -1;
  511.   for (i=0; i<l; i++)
  512.   {
  513.     if (xfnArray[i] == val)
  514.     {
  515.       found = i;
  516.       break;
  517.     }
  518.   }
  519.  
  520.   if (found == -1)
  521.   {
  522.     if (val == "me")
  523.       globalElement.setAttribute("rel", "me");
  524.     else
  525.       globalElement.setAttribute("rel", relValue + " " + val);
  526.     return;
  527.   }
  528.  
  529.   // early way out if we just removed the 'me' value
  530.   if (val == "me")
  531.   {
  532.     globalElement.removeAttribute("rel");
  533.     return;
  534.   }
  535.  
  536.   xfnArray[found] = "";
  537.   l = xfnArray.length;
  538.   relValue = "";
  539.   for (i=0; i<l; i++)
  540.   {
  541.     if (i)
  542.       relValue += " ";
  543.     relValue += xfnArray[i];
  544.   }
  545.   globalElement.setAttribute("rel", relValue);
  546. }
  547.  
  548.  
  549.  
  550. function RemoveRelValues(aGroup)
  551. {
  552.   var groupValues;
  553.   switch (rGroup)
  554.   {
  555.     case "friendship":
  556.       groupValues = [ "acquaintance", "friend" ];
  557.       break;
  558.     case "geographical":
  559.       groupValues = [ "co-resident", "neighbor" ];
  560.       break;
  561.     case "family":
  562.       groupValues = [ "child", "parent", "sibling", "spouse" ];
  563.       break;
  564.     default:
  565.       // we should never hit this...
  566.       return;
  567.   }
  568.  
  569.   var relValue = globalElement.getAttribute("rel");
  570.   var xfnArray = relValue.split(" ");
  571.   var i, j, l = xfnArray.length, values = groupValues.length;
  572.   for (i=0; i<l; i++)
  573.     for (j=0; j<values; j++)
  574.       if (xfnArray[i] == groupValues[j])
  575.         xfnArray[i] = "";
  576.  
  577.   relValue = "";
  578.   for (i=0; i<l; i++)
  579.   {
  580.     if (i)
  581.       relValue += " ";
  582.     relValue += xfnArray[i];
  583.   }
  584.   globalElement.setAttribute("rel", relValue);
  585. }
  586.